<template>
	<view class="question-item">
		<image class="item-img" :src="items.imgUrl" mode=""></image>
		<view class="item-text">
			<view class="item-title">{{items.title}}</view>
			<view class="item-tips">{{items.source}}</view>
		</view>
		<view class="item-start" @tap="startTip">开始刷题</view>
	</view>
</template>

<script>
	export default{
		props:{
			items:{
				type:Object,
				default:{}
			}
		},
		methods:{
			startTip(){
				uni.navigateTo({
					url:'../../pages/subject/subject'
				})
			}
		}
	}
</script>

<style scoped>
	scroll-view::-webkit-scrollbar{
		display: none;
		width: 0 !important;
		height: 0 !important;
		background: transparent;
		color: transparent;
	}
	.question-item{
		width: 100%;
		height: 150rpx;
		display: flex;
		align-items: center;
		margin-bottom: 20rpx;
		background-color: #FFFFFF;
		border-radius: 40rpx;
	}
	.item-img{
		width: 118rpx;
		height: 118rpx;
		padding: 20rpx;
	}
	.item-text{
		flex: 1;
		padding: 0 40rpx;
		flex-direction: column;
		text-align: left;
		justify-content: space-around;
	}
	.item-title{
		height: 29rpx;
		font-size: 30rpx;
		font-weight: 400;
		color: #333333;
		padding-bottom:40rpx ;
	}
	.item-start{
		width: 120rpx;
		height: 30rpx;
		padding: 20rpx;
		font-size: 30rpx;
		font-weight: 400;
		color: #0066FF;
	}
</style>
